<!DOCTYPE html>

<html>
	<head>
		<title>聊天室</title>
		<meta charset="utf-8">
		<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Access-Control-Allow-Origin" content="*" />
		<link href="css/main.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<link href="css/index.css" rel="stylesheet" />
		<link href="css/progressBar.css" rel="stylesheet" />
		<link href="css/iconfont.css" rel="stylesheet" />
		<script src="js/jquery-1.11.2.min.js"></script>
		<script src="js/pubParam.js"></script>
		<script src="js/talk.js"></script>
		<script type="text/javascript" src="ajaxfileupload.js"></script>
		<script type="application/javascript" src="js/iscroll/iscroll.js"></script>
	</head>
	<body id="body">
	<div id="chatbox" class="chat-box">
		<!--<header class="header dhtg-header" id="header">-->
			<!--<div class="header-left">-->
				<!--<div class="toubu-icon">-->
					<!--<a href="javascript:void(0);" onclick="window.location.href='../index.html'"><img src="images/swhy-xin/return-icon.png" alt=""></a>-->
				<!--</div>-->
			<!--</div>-->
			<!--<div class="page-title  white"><div class="toubu-text" id="sendto"></div></div>-->
			<!--<div class="header-right">-->
				<!--<div class="toubu-icon">-->
					<!--<a onclick=""><img src="images/swhy-xin/more-icon.png" alt=""></a>-->
				<!--</div>-->
			<!--</div>-->
		<!--</header>-->
		<div id="background" class="background"></div>
		<div id="progressBar" class="progressBar">
			正在连接服务器，请稍等...
		</div>
		<div id="imgbackground" class="imgBackground" style="display: none;">
			<div id="imgtp" class="imgtp">
			</div>
		</div>
		<div class="main" style="" id="yhlbdiv">
			<div class="main_inner clearfix" id="messagesendlist"
				style="">

				<div class="panel"></div>
				<div id="chatArea" class="box chat">
					<div id="pullDown">
						<span class="pullDownIcon"></span><span class="pullDownLabel">下拉加载更多...</span>
					</div>
					<div class="box_bd" id="messageList" draggable="true"
						style="display: none;">
						<div class="lsxx" id="timeindex" timeindex="" pageindex="0">
							<span class="lsxx-bg">----以上是历史消息----</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="box_ft" style="bottom:0px;">
			<div class="box_ft_bd hide">
				<div class="emoji_panel"
					 style="position: absolute; bottom: 46px; left: 0px;">
					<ul class="exp_hd">
						<li class="exp_hd_item active" data-i="0">
							<a href="javascript:;">QQ表情</a>
						</li>

					</ul>
					<div class="exp_bd">
						<div class="exp_cont active" id="qqfacediv">
						</div>
						<div class="exp_cont emoji_face"></div>
						<div class="exp_cont tuzki_face"></div>
					</div>
				</div>
			</div>
			<form id="sendMessage">
				<div class="box_ft_hd">
					<a href="javascript:;" class="web_wechat_key"
					   id="web_wechat_key"
					   style="position: absolute; left: 10px; bottom:10px;"><img src="images/swhy-xin/jianpan-icon.png" width="25">
					</a>
					<div class="eaitWrap"
						 style="margin: 0 36px; display: block; box-sizing: content-box;">
						<pre id="editArea" class="editArea" contenteditable="true"></pre>
						<a href="javascript:;" class="web_wechat_face"
						   id="web_wechat_face"
						   style="position: absolute; right: 48px; bottom: 8px;"><i
								class="icon iconfont ico-biaoqing" style="font-size: 20px;"></i>
						</a>
					</div>

					<a class="btn btn_send hide" id="btn_send"
						   style="display: none; position: absolute; right: 6px; bottom: 11px;">发送</a>
					<input id="fileToUpload" type="file" size="45"
						   style="display: none;" onchange="ajaxFileUpload(this)"
						   name="fileToUpload">
					<input id="imgToUpload" type="file" size="45" accept="image/*"
						   style="display: none;" onchange="ajaxFileUpload(this)"
						   name="imgToUpload">
					<a id="btn_sendwj"
					   style="position: absolute; right: 12px; bottom: 3px;"><i
							class="icon iconfont  ico-tianjia"></i>
					</a>
				</div>
			</form>
		</div>
		<div id="operator" class="ft-btn-box" style="bottom:-192px">
			<ul class="ft-btn-ul">
				<li>
					<a href="javascript:void(0);" onclick="jumpPage('tjgp.html',{userid:userid,fromurl:encodeURIComponent(window.location.href),token:token})">
						<span class="ft-btn-img"><img src="images/swhy-xin/tjgp-icon.png" width="50"></span>
						<span class="ft-btn-txt">推荐股票</span>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);" onclick="jumpPage('dpgd.html',{userid:userid,fromurl:encodeURIComponent(window.location.href),token:token})">
						<span class="ft-btn-img"><img src="images/swhy-xin/dsrd-icon.png" width="50"></span>
						<span class="ft-btn-txt">大势热点</span>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);" onclick="jumpPage('jgxq.html',{userid:userid,fromurl:encodeURIComponent(window.location.href),token:token})">
					<span class="ft-btn-img"><img src="images/swhy-xin/jggz-icon.png" width="50"></span>
					<span class="ft-btn-txt">荐股跟踪</span>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);" onclick="jumpPage('dkxq.html',{userid:userid,fromurl:encodeURIComponent(window.location.href),token:token})">
					<span class="ft-btn-img"><img src="images/swhy-xin/gszl-icon.png" width="50"></span>
					<span class="ft-btn-txt">股市周论</span>
					</a>
				</li>
				<li onclick="$('#imgToUpload').click();">
					<span class="ft-btn-img"><img src="images/swhy-xin/sctp-icon.png" width="50"></span>
					<span class="ft-btn-txt">上传图片</span>
				</li>
				<li onclick="$('#fileToUpload').click();">
					<span class="ft-btn-img"><img src="images/swhy-xin/scwj-icon.png" width="50"></span>
					<span class="ft-btn-txt">上传文件</span>
				</li>
			</ul>
		</div>
	</div>
    
	<div id="groupUserDiv" class="user-box" style="">
    	<header class="header tjgp-header">
			<div class="header-left"><div class="toubu-icon">
					<a href="#" id="userClose"><img src="images/swhy-xin/close-icon.png" alt=""></a>
			</div></div>
			<div class="page-title  white"></div>
			<div class="header-right"></div>
		</header>
        <div class="tjgp-main">
        	<div class="tjgp-panel">			
                <ul class="rylb-detail-list" id="groupUser"></ul>
          	</div>       	
        </div>
    </div>

	</body>
</html>